<!DOCTYPE html>
<!-- saved from url=(0066)https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage?goBackUrl= -->
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>添加银行卡</title>


    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <!--APPéæ©ç®è¤-->

    <link href="/css/添加银行卡_files/common.v2.css" rel="stylesheet" type="text/css">
    <link href="/css/添加银行卡_files/smrz.v2.css" rel="stylesheet" type="text/css">

    <script src="/css/添加银行卡_files/saved_resource" type="text/javascript"></script>

    <link rel="icon" href="" type="image/x-icon">
    <script src="/js/plugins/jquery/jquery.min.js"></script>
    <script src="/js/plugins/form/jquery.form.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
    <script src="/js/common.js"></script>
    <link rel="stylesheet" type="text/css" charset="utf-8" href="/css/添加银行卡_files/header.css">
    <script src="/css/添加银行卡_files/jdwebm.js.下载"></script>
    <script async="" src="/css/添加银行卡_files/gatherInfo.js.下载"></script>
    <script src="/js/common.js"></script>
</head>
<body>


<script>var PLAT = "browser", SOURCE = "4";</script>
<!--浏览器访问添加京东商城Head-->

<!-- 通用头 div -->
<link rel="stylesheet" type="text/css" href="/css/添加银行卡_files/header(1).css" charset="utf-8">
<div id="m_common_header" style="min-height:45px;">
    <header class="jd-header">
        <div class="jd-header-new-bar">
            <div report-eventid="MCommonHead_Back"
                 report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage" id="m_common_header_goback"
                 class="jd-header-icon-back J_ping"><span></span></div>
            <div class="jd-header-new-title">我的京东</div>
            <div report-eventid="MCommonHead_NavigateButton"
                 report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage" id="m_common_header_jdkey"
                 class="jd-header-icon-new-shortcut J_ping"><span></span></div>
        </div>
    </header>
</div>
<script src="/css/添加银行卡_files/downloadAppPlugIn_imk2.js.下载" type="text/javascript"></script>
<script src="/css/添加银行卡_files/m_common2.1.js.下载" type="text/javascript"></script>
<script src="/css/添加银行卡_files/m_common_header_bottom2.1.js.下载" type="text/javascript"></script>

<script>
    (function () {
        var mchb = new MCommonHeaderBottom(),
            headerArg = {
                hrederId: 'm_common_header',
                title: '填写订单',
                sid: '',
                isShowShortCut: false,
                selectedShortCut: '4',
                onClickGoback: function () {
                    history.back()
                }
            };
//            headerArg = {hrederId : 'm_common_header', title:'我的京东', sid : '', isShowShortCut : false, selectedShortCut : '4'};
        mchb.header(headerArg);
    })();
</script>
<script>
    $(function () {
        var params = getParams();
        var price;
        var name;
        $.get("/tickets/" + params.id, function (data) {
            name = data.name;
            price = data.price;

            //设置表单的隐藏的门票名称
            $(".nameAndId").renderValues(data)
            $("#infoForm input[name='name']").val(data.name)
            $("#infoForm input[name='scenicName']").val(data.name);

        });

        //日历插件
        $("#travelTime").click(function () {
            WdatePicker({
                minDate: new Date()
            });
        });
        //首页
        $(".homeBnt").click(function () {
            window.location.href = "/index.html";
        })
        var user = JSON.parse(sessionStorage.getItem("user"));

        if (user.nickName.length == 4) {
            user.nickName = user.nickName.slice(2);
        }
        $("#nameBnt").renderValues(user)
        $("#infoForm input[name='user.id']").val(user.id);
        console.log("设置隐藏域:" + name);


        var jQuery;
        //焦点事件回显金额
        $("#phoneNumCan2").blur(function () {
            jQuery = $("#infoForm input[name='quantity']").val();
            $("#sss").attr("value", (price * jQuery))
            $("#infoForm input[name='money']").val((price * jQuery))
        })
        //儿童票
        $("#children").blur(function () {
            var val = $("#infoForm select[name='type']").val();
            console.log(val);
            if (val == 1) {
                $("#sss").attr("value", ((price * jQuery) / 2))
            }
        })
        $("#confirmBtn").click(function () {
            $("#infoForm").ajaxSubmit(function (data) {
                console.log(data);
                sessionStorage.setItem("user", JSON.stringify(data.result));
                if (data.success) {
                    $(document).dialog({
                        type: 'confirm',
                        style: 'IOS',
                        titleShow: false,
                        content: '购买成功!',
                        buttons: [
                            {
                                name: '确定!',
                                callback: function () {
                                    //跳转
                                    window.location.href = "/ticket.html";
                                }
                            }
                        ]
                    });
                } else {
                    $(document).dialog({
                        titleShow: false,
                        content: data.msg
                    });
                }
            })
        })
    })
</script>
<!--设置背景颜色-->


<script>

</script>

<script src="/css/添加银行卡_files/m.html"></script>
<script src="/css/添加银行卡_files/m.js.下载"></script>

<div class="pl30 col-bgw pos-re nameAndId">
    <form id="infoForm" action="/alltickets/save" method="post">
        <input type="hidden" name="user.id">
        <input type="hidden" name="money">
        <input type="hidden" name="scenicName">
        <!--data-msg="填写手机号银行卡"-->
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc" style="color: #1b1e21;font-size: 24px"
               render-html="name"></p>
            <input class="ft-30px debit anim-input" autocomplete="on" maxlength="11">
            <div id="phoneNumCan3" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <!--data-msg="填写手机号银行卡"-->
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input name="effectiveTime" class="ft-30px debit anim-input" autocomplete="on" maxlength="11"
                   id="travelTime"
                   placeholder="购票时间(限当天使用)">
            <div id="phoneNumCan" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input id="phoneNumCan2" name="quantity" class="ft-30px debit anim-input" type="number" autocomplete="on"
                   maxlength="11"
                   placeholder="购票数量" id="asd">
            <div class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <br>型号:
            <select class="type1" id="children" name="type">
                <option value="0">成人票</option>
                <option value="1">儿童票</option>
            </select>
            <div id="phoneNumCans1" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <br>
        <h3>取票信息</h3>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input name="takeName" class="ft-30px debit anim-input" autocomplete="on" maxlength="11"
                   placeholder="取票姓名">
            <div id="phoneNumCan5" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc"></p>
            <input name="phone" class="ft-30px debit anim-input" autocomplete="on" maxlength="11"
                   placeholder="电话号码">
            <div id="phoneNumCan8" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
        <div class="ui-form-item pos-re ui-textfield">
            <p class="pos-ab col-359df5 ui-form-lable ft-30px ft-col-ccc" style="font-size: 24px; color: #48c963">
                金额:</p>
            <input id="sss" class="ft-30px debit anim-input" autocomplete="on" maxlength="11"
                   style="font-size: 24px;margin-left: 20%" readonly>
            <div id="phoneNumCan7" class="rightCancel pos-ab dn"><img class="pos-ab" src="/css/添加银行卡_files/clear.png">
            </div>
        </div>
    </form>
</div>
<div id="paytip" class="textcont top col-ff801a w90 magin20 dn">该银行卡验证将会从您的卡中扣除0.1元，稍后会退还到您的卡中</div>
<div class="header cl">
    <p class="ft-24px col-999999 dn"></p>
</div>

<div id="confirmBtn" class="makeSurebtn col-btn1Gray" style="background-color:lightgreen;">
    <p class="button button-hook">立即支付</p>
</div>
<a id="xieyi" class="col-359df5 margin40 txt-right ft-24px db" href="/mine/agreement.html">《螺窝窝快捷支付服务协议》</a>
<a id="CITIB_Agreement_1" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《花旗银行储蓄卡协议》</a>
<a id="CITIB_Agreement_2" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《花旗银行信用卡协议》</a>
<a id="HSBC_Agreement_1" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《汇丰银行快捷支付用户协议》</a>
<a id="HSBC_Agreement_2" class="col-359df5 margin40 txt-right ft-24px db" style="display:none;"
   href="javascript:void(0);">《汇丰银行快捷支付用户协议》</a>
<input type="hidden" id="directReturnUrl" value="">
<input type="hidden" name="goBackUrl" id="goBackUrl" value="">
<input type="hidden" id="businessType" value="">
<input type="hidden" id="bizType" value="">
<input type="hidden" id="onlyDebit" value="">
<input type="hidden" id="hasInput" value="hasInput">
<input type="hidden" id="idNoType" value="1">
<input type="hidden" id="jdjr_app_success" value="7">
<input type="hidden" id="mall_app_success" value="/success/loginpage/wcoo/toSuccess?page=card">
<div id="header-shortcut-ul" class="homeBnt">
    <ul id="m_common_header_shortcut" class="jd-header-vertical-shortcut" style="display: none">
        <li id="m_common_header_shortcut_m_index"><a class="J_ping" report-eventid="MCommonHead_home"
                                                     report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage">
            <span class="shortcut-index"
                  style="background: url() no-repeat center center;background-size: 15px"></span><strong>首页</strong></a>
        </li>
        <li id="m_common_header_shortcut_category_search"><a class="J_ping" report-eventid="MCommonHead_CategorySearch"
                                                             report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                             href="/mine/myWallet.html"><span
                class="shortcut-search"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>我的钱包</strong></a>
        </li>
        <li id="m_common_header_shortcut_p_cart"><a class="J_ping" report-eventid="MCommonHead_Cart"
                                                    report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                    href="https://p.m.jd.com/cart/cart.action"><span
                class="shortcut-cart"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>购物车</strong></a>
        </li>
        <li id="m_common_header_shortcut_h_home" class=" current"><a class="J_ping" report-eventid="MCommonHead_MYJD"
                                                                     report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                                     href="https://home.m.jd.com/"><span
                class="shortcut-home"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>我的螺窝窝</strong></a>
        </li>
        <li id="m_common_header_shortcut_h_footprint"><a class="J_ping" report-eventid="MCommonHead_FootPrint"
                                                         report-eventparam="https://msc.jd.com/card/loginpage/wcoo/toAddNewCardPage"
                                                         href="https://home.m.jd.com/myJd/history/wareHistory.action?functionId=liulanjilu"><span
                class="shortcut-footprint"
                style="background: url() no-repeat center center;background-size: 15px"></span><strong>浏览记录</strong></a>
        </li>
    </ul>
</div>
<div id="header-mask" style="display: none;"></div>
<script src="/css/添加银行卡_files/cryptico.min.js.下载"></script>
<script src="/css/添加银行卡_files/aks.js.下载"></script>
<script src="/css/添加银行卡_files/showBankAgreement.js.下载" type="text/javascript"></script>

<script src="/css/添加银行卡_files/card.js.下载" type="text/javascript"></script>
<script type="text/javascript">

</script>

<script type="text/javascript">

</script>

<script type="text/javascript">
    var dimensionParms = "A02,B01,default,default,default,default", liehu_biz = "accountBindCard";
</script>
<script src="/css/添加银行卡_files/liehu.js.下载"></script>
<a analysis="A02,B01,default,default,default,default"></a>


<div id="shSafetyPV" style="display: none;"></div>
</body>
</html>